<!--prj_4_2.html-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>京东商品导购</title>
    <style type="text/css">
        img {
            width: 186px;
            height: 205px;
        }

        #div0 {
            width: 720px;
            height: 600px;
            border: 1px solid #0099FF;
            margin: 0 auto;
            text-align: center;
        }

        h3 {
            text-align: center;
            font-size: 32px;
            color: red;
        }

        #div1,
        #div2,
        #div3,
        #div4,
        #div5,
        #div6 {
            padding: 10px;
            border: 1px double #9999cc;
            float: left;
            text-align: center;
            vertical-align: middle;
            width: 208px;
            height: 225px;
        }

        .tattle {

          font-size: 15px;
          line-height: 60px;
          text-align: center;

        }
        div a img {
            width: 150px;
            height: 150px;
            margin:auto;
            border: 10px groove #9999cc;
        }

        div a:hover img {
            border: 10px dashed #9999cc;
        }
    </style>
</head>
<body>
<div id="div0">
    <h3>京东商品导购</h3>
    <div id="div1">
        <span class="tattle">[Vinhas]彩色斑马系列单肩包</span>
        <a href="#"><img src="./img/1.png" alt="[Vinhas]彩色斑马系列单肩包 黑色"/></a>
    </div>
    <div id="div2">
      <span class="tattle">[Adidas]休闲鞋 红色</span>
        <a href="#"><img src="./img/2.png" alt="[Adidas]休闲鞋 红色"/></a>
    </div>
    <div id="div3">
      <span class="tattle">[NB]女子复古鞋 灰色</span>
        <a href="#"><img src="./img/3.png" alt="[NB]女子复古鞋 灰色"/></a>
    </div>
    <div id="div4">
      <span class="tattle">[VANS]女子硫化鞋 粉白</span>
        <a href="#"><img src="./img/4.png" alt="[VANS]女子硫化鞋 粉白"/></a>
    </div>
    <div id="div5">
      <span class="tattle">[匡威]经典低帮鞋 黑色</span>
        <a href="#"><img src="./img/5.png" alt="[匡威]经典低帮鞋 黑色"/></a>
    </div>
    <div id="div6">
      <span class="tattle">[Belle]羊皮女鞋 黑色</span>
        <a href="#"><img src="./img/6.png" alt="[Belle]羊皮女鞋 黑色"/></a>
    </div>
</div>
</body>
</html>
